*{
  padding:0;margin:0;
}
.mui-content{
  background: #fff;
  position: relative;
 
}
body{
  background: #fff!important;
}
li{
  list-style: none;
}
/*login_part1*/
#header{
  position:relative;
  height:50px;
}

.iconfont{
  font-size:20px;
  font-weight: bold;
}

#header .icon-fanhui{
  position: absolute;
  left:15px;
  top:20px;
}
#header .icon-caidan{
  position: absolute;
  right:15px;
  top:20px;
}

#header .w_title{
  margin:0 auto;
  width:22px;
  height:32px;
  position: relative;
  top:15px;
}
#header .w_title .c{
  width:5px;
  height:5px;
  border-radius: 100%;
  background:#1f4ba5;
  top:3px;
  left:9px;
  position: absolute;
}
#header .w_title .p{
  position: absolute;
  left:1px;
  top:11px;
  font-size:22px;
  color:#1f4ba5;
}
.content{
  width:100%;
}
.content .bgtitle{
   text-align: center;
   font-size:30px;
}
.content .title{
  margin-top: 64px;
}
.content .num{
  margin-top: 22px;
}
.content input.phone_input{
    width:247px;
    margin: 42px auto 0;
    height:39px;
    font-size: 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}

.content .send{
   margin:13px auto 55px;
   display: block;
   height:39px;
   width:247px;
   border-radius: 30px;
   background:#1f4ba5;
   color:#fff;
   font-size: 10px;

}


/*login_part2*/
.login2 .title{
   margin:50px 0 0 0;
   font-size: 16px;
}
.login_div{
   width:100%;
}

.login_part2 #header div .p{
   color:#222222;
   top:0;
}

.l-p-width{
   width:100px;
}
.ul-list{
  width:100px;
  margin:0 auto;
  font-size: 20px;

}
.ul-list li {
   float: left;
   display: block;
   width:16px;
   height:16px;
   border-radius: 100%;
   border:2px solid #1f4ba5;
   padding:2px 2px 0 2px;
   margin:0 6px 0 0;
}


.ul-list li span{
   width:8px;
   height:8px;
   border-radius: 50%;
   background: #b2b2b2;
   display: block;

}

.ul-list .list-display span{
   background:#1f4ba5;
}


.ul-list li.list-hidden{
  border:0px;
}

.enter-num{
  width:100%;
}

.enter-num ul{
   width:235px;
   height:320px;
   margin:80px auto;
}

.enter-num ul li{
   display:block;
   height:60px;
   width:30%;
   float: left;
   margin:0 3px 20px 4px;

}

.enter-num ul li div.circle{
   width:60px;
   height:60px;
   border-radius:100%;
   border:1px solid #f2f2f2;
   text-align: center;
   line-height: 50px;
   position: relative;
   font-weight: bold;
   color:black;
}

.enter-num ul li div.circle .number{
   font-size:18px;
 
}
.enter-num ul li div.circle .english{
  width:100%;
  text-align: center;
   position: absolute;
   top:20px;
   font-size:12px;
   font-weight:normal;
}

.circle-display{
  text-indent: -9999px;border:none!important;
}

/*login_part3*/
.bg-img{
   width:100%;
   height:260px;
   background:#f2f2f2;

}
#header .login3-header{
  width:180px;
  height:60px;
  position: relative;
  margin: 45px auto;
}
#header .login3-header .c{
   left:38%;
}

#header .login3-header .p{
  position: absolute;
   left:25%;
}

.login3-box  .describe{
   width:260px;
   text-align: center;
   margin:40px auto;
   text-indent:20px;
}

/*login_part4*/

.login_body{
   width:100%;
   background:#e4e4e4!important;
}

#tbody{
  width:90%;
  height:495px;
  background:#f2f2f2;
  position:fixed;
  left:5%;
  top:35px;
}

.login4-box{
   width:80%;
   text-align: center;
   position:fixed;
   left:10%;
   top:115px;
   background: #fff;

}


.login4-box  #header .icon-X{
   position: absolute;
   top:20px;
   right:20px;
}

.login3-box h3{
   text-align: center;
   font-size:16px;
}

.login3-box .send-email{
  color:#222222!important;
  background:#fff;
  width:247px;
  height:35px;
  margin:0 auto!important;
  border-radius:5px;

}

/*login_part5*/
.login-part5 h3{
   margin:0 0 30px 0;
}
.login-part5 .send-email{
  margin:0px auto 15px!important;
  text-align: left;
}

.login-part5  .main-info{
   width:247px;
   height:35px;
   margin:20px auto 0 ;
   line-height: 35px;
   position: relative;
   
}

.login-part5  .main-info p span{
   font-size: 10px;
}

.login-part5  .main-info p span.p-left{
   position: absolute;
   top:0;
   left:15px;
}
.login-part5  .main-info p span.p-right{
   position: absolute;
   top:0;
   right:0;
}

/*login_part6*/
.part-six{
   position: fixed;
   top:60px;
   background:#fff;
}
.form6{   
   width:247px;
   margin:0 auto;
}
.form6 label input{
   font-size: 12px;
   margin:0 0 10px 0!important;
}

.login6-h3{
   margin:0 0 20px 0!important;
}

.form6 .register{
   margin:0 auto 30px;
}
.form6  .describe-bottom p{
  width:220px;
  font-size: 10px;
  margin:0 auto 30px;
  text-align: center;
}

.form6  .describe-bottom p strong{
   color:#1f4ba5;
}

.login_body .repeat-six{
  width:90%;
  height:520px!important;
  background:#f2f2f2;
  position:fixed;
  left:5%;
  top:35px;
}



/*login_part7*/
.top-height{
   margin:130px auto 0;
}
.login-part7 .send{
   margin:0 auto 10px;
}

.login-part7 .part7-login-btn{
   background:#fff;
   color:#1f4ba5;
   border:1px solid #1f4ba5;
}